<!--
 * @Description: 
 * @Date: 2024-05-16 14:01:10
 * @LastEditTime: 2024-06-20 09:08:35
-->

<route lang="json5">
{
  style: {
    navigationBarTitleText: '12309热线',
    navigationBarTextStyle: 'white', //标题栏字体颜色
    navigationBarBackgroundColor: '#0063AF', //标题栏背景色(纯色)
  },
}
</route>
<template>
  <view
    class="hotLine w-screen h-screen flex flex-col justify-center items-center gradientBackground"
  >
    <view class="flex flex-col items-center p-40rpx box-border bg-#fff rounded-20rpx mb-20%">
      <image
        class="w-200rpx h200rpx mb-20rpx"
        src="../../../static//home/gz.png"
        mode="scaleToFill"
      />
      <text class="text-28rpx font-550">欢迎您拨打12309检察服务热线</text>
    </view>
    <wd-button
      class="bg-#0A4484"
      icon="call"
      :round="false"
      type="primary"
      size="large"
      @click="handleSubmit"
      block
    >
      拨打12309
    </wd-button>
  </view>
</template>

<script lang="ts" setup>
function handleSubmit() {
  uni.makePhoneCall({
    phoneNumber: '12309', // 电话号码
    success: function () {
      console.log('拨打电话成功')
    },
    fail: function () {
      console.log('拨打电话失败')
    },
  })
}
</script>
<style lang="scss" scoped>
::v-deep .wd-button {
  width: 70% !important;
}

.gradientBackground {
  background-image: linear-gradient(to bottom, #0063af, white);
}
</style>
